<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 若由于某种原因无法加载图像，浏览器会在页面上显示 alt 属性中的备用文本 -->
    <!-- 
      PC 端 img 图片必须填写 src、width、height、alt 属性，统称图片标签的四要素
      移动端必须填写 alt 属性 
    -->
    <img src="./海绵宝宝.jpg" alt="图片加载失败" height="400" width="400" />
    <!-- 支持格式	描述
      .bmp	Windows 画图软件默认保存的格式，位图
      .jpeg（.jpg）	有损压缩图片，通常用于照片显示
      .png	便携式网络图像，用于 logo，背景图形等。支持透明和半透明
      .gif	动画 ，如：表情包
      .svg	矢量图片
      .webp	最新的压缩算法，非常优秀的图片格式 
    -->

    <!-- 相对路径
      ../ 表示回退上一级目录
      ./ 表示当前目录 
    -->
  </body>
</html>
